<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="" />
        <meta name="format-detection" content="telephone=no">
        <title>积分商城</title>
        <link rel="stylesheet" href="../css/inventory.css">
        <link rel="stylesheet" href="../css/inventory/inventory.css">
        <%@ include file="../general.jsp"%>
    </head>
    <body ontouchstart>
        <section class="ui-container">
            <ul class="cont_inve" id="list">
                <!--  <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>
                <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>
                <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>
                <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>
                <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>
                <li>
                    <div class="inve_left">
                        <a href="#">交易任务</a>
                    </div>
                    <div class="inve_right">
                        <p class="inve_p1">任务要求</p>
                        <p  class="inve_p2">本周累计完成20次交易；奖励10积分 <span></span> </p>
                        <p>本周累计完成50次交易；奖励30积分 <span></span> </p>
                        <p>本周累计完成100次交易；奖励80积分 <span></span> </p>
                    </div>
                </li>-->
            </ul>
            <div class="return_btn">
				<a href="#">
					<div class="return_btn_in">
						<img src="../images/weip.png" alt="">  
						<p>（返回微交易）</p>
					</div>
				</a>
			</div>
        </section><!-- /.ui-container-->
         <input type="hidden" name="${_csrf.parameterName}"  value="${_csrf.token}" />
    </body>
</html>
<script>
$(function(){
	getMembrTask();
});

function getMembrTask(){
	$.ajax({
		type : 'POST',
		url : "getMembrTask.do",
		data:{
		"_csrf" : $('[name="_csrf"]').val()
		},
		async : 'true',
		dataType : 'json',
		success : function(data){
			var membertask=data.Membertask;
			var html="";
			for(var i=0;i<membertask.length;i++){
				html +="<li>";
				html +="<div class='inve_left'>";
				html +="<a href='#'>"+membertask[i].creditsTypeName+"</a>";
				html +="</div>";
				html +="<div class='inve_right'>";
				html +=" <p class='inve_p1'>任务要求</p>";
				var crulelist=membertask[i].crulelist;
				for(var j=0;j<crulelist.length;j++){
					if(j<4){
						if(crulelist[j].isfinish==1)
							html +="<p class='inve_p2'>"+crulelist[j].creditsRuleContent+"<span></span></p>";
						else
							html +="<p>"+crulelist[j].creditsRuleContent+"<span></span></p>";
					}
				}
				//if(crulelist.length>=4)
					//html +="<p style='float:right;'><span></span> <span></span> <span></span></p>"
				html +="</div>";
				html +="<div style='clear: both;'></div>";  
				html +="</li>";
				html +="<div style='clear: both;'></div>";
			}
			$("#list").html(html);
		}
	});
}
</script>